<template>
	<view>
		<view class="uulist">
			<view class="items" v-for="(item,index) in list" :key="index">
				<view class="top">
					<view class="top_l">退回保证金</view>
					<view class="top_r" v-if="item.verifyStatus == 0">审核中</view>
					<view class="top_r" v-if="item.verifyStatus == 1">审核通过</view>
					<view class="top_r" v-if="item.verifyStatus == 2">审核驳回</view>
				</view>
				<view class="block_1">
					<view class="item_text">
						退保金额：{{item.amount}}元
					</view>
					<view class="item_text">
						退款卡号：{{item.account}}
					</view>
					<view class="item_text">
						户名：{{item.name}}
					</view>
					<view class="item_text">
						银行名称：{{item.bankName}}
					</view>
					<view class="item_text">
						开户支行：{{item.bankChildName}}
					</view>
					<view class="item_text" style="display: flex;" v-if="item.verifyStatus == 1">
						<view class="">
							退款凭证：
						</view>
						<image @click="$previewImage([item.verifyImage])" :src="item.verifyImage" mode=""></image>
					</view>
				</view>
				<view class="block_2">
					<view class="item_text" v-if="item.verifyStatus == 2">
						审核说明：卡号错误
					</view>
					<view class="item_text">
						申请时间：{{item.createTime|formatISODate}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		refundApplyList
	} from '@/common/http.api.js';
	export default {
		data() {
			return {
				list:[]
			};
		},
		onLoad() {
			refundApplyList({page:1}).then(res=>{
				if(res.code == 200){
					this.list = res.data.list
				}
			})
		}
	}
</script>

<style lang="scss">
page{
	background: #fff;
}
.items{
	padding: 20rpx 30rpx;
	box-sizing: border-box;
	.top{
		display: flex;
		align-items: center;
		justify-content: space-between;
		.top_l{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 30rpx;
			color: #000000;
		}
		.top_r{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #FF6F07;
		}
	}
	.block_1{
		width: 690rpx;
		background: #F6F6F6;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		padding: 20rpx 24rpx;
		box-sizing: border-box;
		margin: 20rpx auto;
		.item_text{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #979797;
			margin-bottom: 20rpx;
			image{
				width: 120rpx;
				height: 120rpx;
			}
		}
	}
	.block_2{
		border-bottom: 1px solid #D1D1D6;
		.item_text{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #979797;
			margin-bottom: 20rpx;
		}
	}
}
</style>
